<template>
	<div>
	<el-form  style="width: 380px;text-align: center;margin-left: 300px;" ref="ruleForm" label-width="100px" class="demo-ruleForm">
	  <el-form-item label="用户名:" >
	    <el-input type="text" v-model="ruleForm.user" autocomplete="off"></el-input>
	  </el-form-item>
	  <el-form-item label="用户名称:">
	    <el-input type="text" v-model="ruleForm.username" autocomplete="off"></el-input>
	  </el-form-item>
	  <el-form-item label="请输入旧密码:" >
	    <el-input type="password" v-model="ruleForm.jpwd"></el-input>
	  </el-form-item>
	  <el-form-item label="请输入新密码:" >
	    <el-input type="password" v-model="ruleForm.xpwd"></el-input>
	  </el-form-item>
	  <el-form-item label="请确认新密码:">
	    <el-input type="password" v-model="ruleForm.qxpwd"></el-input>
	  </el-form-item>
	  <el-form-item label="性别:" >
		    <el-radio v-model="radio" label="1">男</el-radio>
		    <el-radio v-model="radio" label="2">女</el-radio>
	  </el-form-item>
	  <el-form-item label="年龄:" >
	    <el-input type="text" v-model="ruleForm.age" ></el-input>
	  </el-form-item>
	  <el-form-item label="入职日期:" >
	    <el-input type="text" v-model="ruleForm.date" ></el-input>
	  </el-form-item>
	  <el-form-item label="离职日期:" >
	    <el-input type="text" v-model="ruleForm.ldata" ></el-input>
	  </el-form-item>
	  <el-form-item label="联系电话:" >
	    <el-input type="text" v-model="ruleForm.let" ></el-input>
	  </el-form-item>
	  <el-form-item label="电子邮箱:">
	   <el-input type="text" v-model="ruleForm.eamie" ></el-input>
	  </el-form-item>
	  <el-form-item>
	    <el-button type="primary" @click="submitForm(ruleForm.user)">修改</el-button>
	    <el-button @click="resetForm(ruleForm)">取消</el-button>
	  </el-form-item>
	</el-form>
	</div>
</template>
<script>
	export default {
	    data() {
				return {
					ruleForm:[{
						user:'',
						username:'',
						jpwd:'',
						xpwd:'',
						qxpwd:'',
						radio:'',
						age:'',
						data:'',
						ldata:'',
						let:'',
						eamie:'',
					}]
				}
	           },methods: {
				submitForm(ruleForm) {
					/* let that=this;
					 this.axios.get("http://localhost:8082/prinSelect", {
						params: {
							id:row.id
						}	
					  }).then(function(res) {
						  that.tableDatas=res.data;
						  that.dialogTableVisible = true;
					  }).catch(err => {
						console.log(err)
					  }) */
					  alert(JSON.stringify(ruleForm))
					   
				}

			}

	  }
</script>

<style>
	
</style>